<script setup lang='ts'>
import {PropType, reactive, computed} from 'vue'
import {HeaderData} from '@/components/dTable/dTable'
const props = defineProps({
  row:{
    type:Object as PropType<any>,
    required:true
  },
  col:{
    type:Object as PropType<HeaderData>,
    required:true
  },
  showBubble:{
    type:Boolean,
    default:true
  }
})

//找到按钮数据
const operationArr = computed<string>(() => {
  const row = reactive(props.row)
  return row.colorType
})

</script>

<template>
  <div class="" style="">
    <div v-if="operationArr==='启用'" class="colorType1">
      {{ operationArr }}
    </div>
    <div v-if="operationArr==='停用'" class="colorType2">
      {{ operationArr }}
    </div>
    <div v-if="operationArr==='是'" class="colorType1">
      {{ operationArr }}
    </div>
    <div v-if="operationArr==='否'" class="colorType2">
      {{ operationArr }}
    </div>
  </div>
</template>

<style scoped>
.colorType1{
  color:#1C9399
}
.colorType2{
  color:#E24453
}
</style>